<!DOCTYPE html>
<html lang="zh">
<html xmlns:th="http://www.thymeleaf.org">
<!-- themeleaf 引入通用的nav 片段-->
<!-- 右侧 start -->
<div th:fragment="right" class="col-lg-3 col-md-3 col-sm-3">
   <!-- <hr />-->
    <!--关于作者-->
    <div class="panel panel-success">
        <div class="panel-heading">
            <h3 class="panel-title">
                关于作者
            </h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-5">
                    <img class="img-rounded" src="assets/img/about/weixinqc.png" alt="扫一扫我的微信" width="100%" style="max-width: 115px"/>
                </div>
                <div class="col-md-7">
                    <p class="strong text-info">欢迎关注!</p>
                    <p class="text-muted">曾经诗人, 小小码农</p>
                    <p class="text-muted">曾经诗人, 小小码农</p>
                </div>
            </div>
            <hr />
            <ul class="list-inline">
                <li><a href="https://github.com/xuduochoua" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a></li>
                <li><a href="https://gitee.com/lcxm" target="_blank">码云</a></li>
                <li><a href="https://www.zhihu.com/people/xuduochoua" target="_blank">知乎</a></li>
                <li><a href="tencent://message/?uin=84597585"><img src="http://wpa.qq.com/pa?p=1:84597585:4" border="8"></a></li>
                <li><a href="mailto:xuduochoua@163.com"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>
            </ul>
        </div>
    </div>
    <!-- 分类列表 -->
    <div class="panel panel-success">
        <div class="panel-heading">
            <h3 class="panel-title">
                分类
            </h3>
        </div>
        <div class="panel-body">
            <div class="widget">
                <ul class="category-list">
                    <li class="" th:each="category: ${right.blogCategories}">
                        <a class="" th:href="@{'/categories?cid=' + ${category.id}}" target="_blank" th:text="${category.name}">Java</a>
                        <span class="category-list-count" th:text="${category.articleNum}">1</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 分类列表end -->

    <!-- 专题表 -->
    <div class="panel panel-success">
        <div class="panel-heading">
            <h3 class="panel-title">
                专题
            </h3>
        </div>
        <div class="panel-body">
            <div class="widget">
                <ul class="category-list">
                    <li class="" th:each="topic: ${right.blogTopics}"><a class="" th:href="@{'/topics?tid=' + ${topic.id}}" target="_blank"  th:text="${topic.name}">Java</a>
                        <span class="category-list-count" th:text="${topic.articleNum}">2</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 专题列表 end -->


    <!-- 归档列表 -->
    <div class="panel panel-success">
        <div class="panel-heading">
            <h3 class="panel-title">
                归档
            </h3>
        </div>
        <div class="panel-body">
            <div class="widget">
                <ul class="category-list">

                    <li class="" th:each="file: ${right.blogFiles}">
                        <a class="" th:href="@{/timeline}" th:text="${file.year}+'年'+${file.month}+'月'">2020-05</a>
                        <span class="category-list-count" th:text="${file.num}">2</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 归档列表 end -->

    <!-- 标签 -->
    <div class="panel panel-warning">
        <div class="panel-heading">
            <h3 class="panel-title"><i class="glyphicon glyphicon-tags"></i>&nbsp;&nbsp;标签</h3>
        </div>
        <div class="panel-body">
            <div class="widget tag">
               <ul class="category-list">
                   <li class="" th:each="tag: ${right.blogTags}"><a class="" href="javascript:;" th:text="${tag.name}">Java</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 标签 end -->

    <!-- 友链 -->
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">
                友情链接
            </h3>
        </div>
        <div class="panel-body">
            <div class="widget">
                <ul class="category-list">

                    <li class=""><a class="" href="https://www.lifengdi.com/" target="_blank">李锋镝的博客</a></li>
                    <li class=""><a class="" href="http://www.moguit.cn/" target="_blank">蘑菇博客</a></li>
                    <li th:each="item:${right.links}"><a class="" th:href="${item.value}"  target="_blank" th:text="${item.key}">蘑菇博客</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 归档列表 end -->
</div>
<!-- 右侧 end -->